<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <!-- 注释css引入部分 -->
    <!--引入重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 引入常态化样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入常态样式 -->
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <header>
        <div class="container">
            <img src="../imgs/new-logo-white2.png" alt="">
            <div>
                已有源码账号,<a href="../html/login.html">立即登录</a>
            </div>
        </div>
    </header>
    <!-- 主体内容 -->
    <!-- 主体部分 -->
    <main class="rel">
        <div>
            <form >
                <h1>
                    欢迎注册
                </h1>
                <h2>百款接口免费试用</h2>
                <p class="mt-30"><img src="../imgs/reg-gift.png" style="vertical-align: bottom;">
                    <span>注册立即送300元大礼包</span>
                </p>
                <p>
                    <input type="text" class="inp" placeholder="用户名（6~20位字母数字）" id="userName">
                    <span></span>
                </p>
                <p>
                    <input type="text" class="inp" placeholder="请输入手机号码" id="telNum">
                      <span></span>
                </p>
              
                <p class="rel" id="forbidden">
                    <input type="text" class="inp" placeholder="请输入手机短信验证码" id="code">
                    <span></span>
                    <button class="abs" id="btn1">获取验证码</button>
                </p>
                <p><input type="password" class="inp" placeholder="请输入6至12位的密码" id="passWord">
                <span></span></p>
                
                <p><input type="checkbox" id="affirm">
                    我已阅读并接受<span>《源码用户服务协议》 《源码隐私政策》</span></p>
                <p><button id="btn2" type="submit">立即注册</button></p>
            </form>
        </div>
    </main>
    <!-- 引入工具盒js -->
    <script src="../js/uilt.js"></script>
    <!-- 注释:js样式部分 -->
    <script src="../js/register(tab).js"></script>
</body>

</html>